<template>
	<div class="dynamic_list">
		<!-- 动态平台 -->
		<div class="nav">
			 <div class="dynamic_nav">
				<p><router-link to="/layout/found"><img src="../../../assets/icon-return45.png"></router-link>
				</p>
				<p><span>动态平台</span></p>
			 </div>
		</div>	 
		<div class="dynamic_article">
			<div class="dynamic_publisher">
				<div class="dynamic_article_pc">
					<img src="../../../assets/1@3x.png"/>
				</div>
				<div class="dynamic_article_font">
					<p>淘米注视 <span>发表文章</span></p>
				</div>
			</div>
			<div class="dynamic_article-imgtex">
				<h4> 2017年第四周单曲榜首，这次冠军毫无悬念的拿下...全文</h4>
				<div class="dynamic_article-img">
					<img src="../../../assets/11710.345.png">
				</div>
				<div class="dynamic_icon">
					<span>
						<img src="../../../assets/zan.png">456
					</span>
					<span><img src="../../../assets/icon-talk@2x32.png">590</span>
				</div>
			</div>
			<div class="dynamic_publisher">
				<div class="dynamic_article_pc">
					<img src="../../../assets/3100.png"/>
				</div>
				<div class="dynamic_article_font">
					<p>米雪小高 <span>发表文章</span></p>
				</div>
			</div>
			<div class="dynamic_article-imgtex">
				<h4> 音乐让人感受不一样的生活，不仅仅只有眼前的苟......</h4>
				<div class="dynamic_article-img">
					<img src="../../../assets/12710.345.png">
				</div>
				<div class="dynamic_icon">
					<span>
						<img src="../../../assets/zan.png">456
					</span>
					<span><img src="../../../assets/icon-talk@2x32.png">590</span>
				</div>
			</div>
		</div>
		<p class="blank"></p>
        <!-- <musicPlayer></musicPlayer> -->
	</div>
</template>
<script>
import musicPlayer from '../../../components/music_player'
	export default {
		name:'dynamicPlatform',
		data(){
			return{
				
			}
		},
		components:{
			musicPlayer
		}
	}
</script>
<style scoped lang="Less">
.dynamic_list{
	width: 100%;
	padding-bottom: 98/100rem;
	overflow: hidden;
	background-color: #fff;
}
.nav{
	 width: 100%;
	 height: 88/100rem;
     position: fixed;
}
.dynamic_nav img{
    width:30 /100rem;
    height: 50 / 100rem; 
}
.dynamic_nav{
    width: 100%;
	height: 88/100rem;
	overflow: hidden;
	background: url('../../../assets/daohang.png');
	background-size: 100%; 
	background-color: red;
}
.dynamic_nav p{
	float: left;
	margin-top: 16 / 100rem;
	margin-left: 20 / 100rem;
}
.dynamic_nav p span{
	display: inline-block;
    font-size: 40 / 100rem;
    margin-left: 250 / 100rem;
    margin-top:12 / 100rem;
    color: #fff;
}
/*.....................................................*/
.dynamic_article{
	width: 100%;
	margin-top: 83 / 100rem;
	overflow: hidden;
}
.dynamic_publisher{
	width:100%;
	overflow:hidden;
	margin-top: 27 / 100rem; 
}
.dynamic_article_pc{
	width: 100 /100rem;
	height: 100/100rem;
	overflow: hidden;
	margin-left: 20 / 100rem;
}
.dynamic_article_pc img{
	width: 100 /100rem;
	height: 100/100rem;
}
.dynamic_article_font,.dynamic_article_pc{
	float:left; 
}
.dynamic_article_font{
	height: 100 / 100rem; 
	line-height: 100 / 100rem;
	margin-left: 20 /100rem;
}
.dynamic_article_font p{
	font-size: 30 /100rem;
}
.dynamic_article_font p span{
	font-size: 20 /100rem;
}
.dynamic_article-imgtex{
	width: 100%;
}
h4{
	margin-top: 22/100rem;
	font-size: 24/100rem;
}
.dynamic_article-imgtex{
	margin-left: 20 / 100rem;
	margin-top: 8 / 100rem;
}
.dynamic_icon{
	width: 300 / 100rem;
	height: 50 / 100rem;
	margin-top: 15 / 100rem;
	float: right;
	margin-right:40 / 100rem;
}
.dynamic_icon span{
    display: inline-block; 
    margin-left: 45 / 100rem;

}
.dynamic_icon img{
	width: 35 / 100rem;
	height: 35 / 100rem;
	margin-right:13 /100rem; 
}
.dynamic_article-img img{
    width: 710 / 100rem;
	height: 345 / 100rem;
	margin-top: 18 /100rem; 
}

.blank{
	width: 100%;
	height: 109/100rem;
}
	
</style>